.banner{
  position: relative;
}
.logo_position{
  width: 100%;
  position: absolute;
  left:0;
  top:0;
}
.logo_position_center{
  width: 1100px;
  margin:0 auto;
}
.nav_public{
  position: absolute;
  bottom:-47px;
  left:0;
  width: 100%;
  background:url(../images/nav_bg.png) no-repeat center top;
  height: 90px;
}
.nav_public_center{
  width: 1100px;
  margin:0 auto;
}
.nav_public_center ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
.nav_public_center ul li{
  width: 137px;
  text-align: center;
  border-right: 1px solid rgba(3, 161, 233, 0.5);
  transition: ease 0.5s;
}
.nav_public_center ul li a{
  display: block;
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  font-weight: bold;
}
.sub_01{
  background: #03a1e9;
}
.notice{
  width: 1100px;
  margin:0 auto;
  margin-top: 36px;
  border:1px solid #e5e5e5;
  border-radius: 0.4rem;
  padding:0 30px 0 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.notice_left{
  line-height: 40px;
}

#scrollDiv{height:40px;min-height:25px;line-height:25px;overflow:hidden}
#scrollDiv li{height:40px;padding-left:10px; line-height:40px;font-size: 14px;color: #03a1e9;}
.scrollDiv_txt{
  float: left;
}
.scrollDiv_time{
  float: right;
}
.notice_left img{
  vertical-align: middle;
  float: left;
  padding-top: 13px;
}
.in_about_left{
  float: left;
}
.in_about_left img{
  width: 180px;
  height: 183px;
}
.in_about_right{
  float: right;
}
.about_news_contact{
  width: 1100px;
  margin:24px auto;
}
.in_news_pic img{
  width: 258px;
  height: 69px;
}
.in_about{
  width: 460px;
  border-right: 1px solid #e5e5e5;
  float: left;
}
.in_about_left{
  float: left;
}
.in_about_right{
  float: right;
  width: 230px;
  padding-right: 33px;
}
.in_about_right span{
  font-size: 15px;
  color: #03a1e9;
  line-height: 24px;
  font-weight: bold;
}
.line{
  width: 30px;
  height: 4px;
  background: #e60012;
  margin:10px 0;
}
.in_about_right p{
  font-size: 13px;
  color: #9e9e9e;
  line-height: 26px;
  text-indent: 2em;
}
.in_news{
  float: left;
  padding:0 35px;
  border-right: 1px solid #e5e5e5;
}
.sanjiao{
  width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #03a1e9;
    border-bottom: 5px solid transparent;
    float: left;
    margin: 10px 7px 0 0;
}
.in_news ul li{
  font-size: 13px;
  color: #9e9e9e;
  line-height: 30px;
  border-bottom: 1px solid #e5e5e5;

}
.in_news ul li a{
  width: 200px;
  display: inline-block;
  vertical-align: top;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.in_news span{
  font-size: 15px;
  color: #03a1e9;
  line-height: 24px;
  font-weight: bold;
}
.in_contact{
  padding:0 0px 0 30px;
  float: left;
}
.in_contact span{
  font-size: 15px;
  color: #03a1e9;
  line-height: 34px;
  font-weight: bold;
}
.in_contact_left{
  float: left;
}
.in_ewm{
  background: #e5e5e5;
  padding:4px;
}
.in_contact_left p{
  color: #666666;
  line-height: 20px;
}
.in_contact_right{
  float: right;
  padding-left: 20px;
}
.in_contact_right p{
  color: #999;
  line-height: 20px;
}
.in_contact_right_tel{
  padding:5px 0;
  border-bottom: 1px solid #e5e5e5;
}
.in_contact_right_tel p{
  color: #999;
  line-height: 18px;
}
.in_contact_right span{
  font-size: 16px;
  color: #03a1e9;
  line-height: 25px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
}
.in_ewm img{
  width: 93px;
  height: 93px;
}
.footer{
  background: #676767;
  padding-top: 5px;
}
.footer_center{
  width: 1100px;
  margin:0 auto;
}
.footer_nav{
  border-bottom: 1px solid #858585;
}
.footer_nav ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
.footer_nav ul li{
  width: 12.5%;
  text-align: center;
}
.footer_nav ul li a{
  color: #bdbdbd;
  font-size: 13px;
  line-height: 40px;
  display: block;
}
.footer_center_left{
  width: 855px;
  float: left;
}
.copy p{
  color: #bdbdbd;
  line-height: 52px;
  padding-left: 20px;
}
.copy p a{
  color: #bdbdbd;
  line-height: 52px;
}
.footer_center_right{
  float: right;
}


/*about*/
.public_page{
  position: relative;
}
.about_page{
  width: 1100px;
  margin:52px auto;
}
.about_menu{
  position: relative;
}
.about_nav{
  position: absolute;
  top:38px;
  left:177px;
  border-bottom: 1px solid #e5e5e5;
  width: 973px;
}
.about_nav_in{
  padding-left: 133px;
  margin-bottom: 7px;
}
.about_nav_in ul li{
  float: left;
  width: 85px;
  text-align: center;
  margin-right: 23px;
  border:1px solid #fff;
  -o-transition:ease 0.5s;
  -ms-transition:ease 0.5s;
  -moz-transition:ease 0.5s;
  -webkit-transition:ease 0.5s;
  transition:ease 0.5s;
}
.about_nav_in ul li a{
  display: block;
  font-size: 14px;
  color: #666666;
  font-weight: bold;
  line-height: 30px;
  -o-transition:ease 0.5s;
  -ms-transition:ease 0.5s;
  -moz-transition:ease 0.5s;
  -webkit-transition:ease 0.5s;
  transition:ease 0.5s;
}
#sub_02{
  border:1px solid #03a1e9;
  border-radius: 0.5rem;
}
#sub_02 a{
  color: #03a1e9;
}

.about_content{
  background:url(../images/about_bg.jpg) no-repeat center top;
  min-height: 470px;
  margin-top: 20px;
}
.about_content_oin{
  padding: 62px 30px 0;
}
.about_content_left{
  float: left;
}
.about_content_right{
  float: right;
  width: 610px;
}
.about_content_right_tit p{
  font-size: 28px;
  color: #666666;
  font-weight: bold;
}
.about_content_right_tit span{
  font-size: 15px;
  color: #666;
  line-height: 28px;
}
.about_content_right_txt p{
  font-size: 15px;
  color: #666666;
  line-height: 40px;
}

/*history_page*/
.history_page{
  background: url(../images/history_bg.png) no-repeat left top;
  min-height: 450px;
  padding-bottom: 50px;
}
/*culture_page*/
.culture_page{
  background: url(../images/culture.png) no-repeat left top;
  min-height: 450px;
}
.culture_pageen{
  background: url(../images/cultureen.png) no-repeat left top;

}
.culture_page_in{
  padding:50px 90px;
}
.culture_page_top p{
  font-size: 30px;
  color: #666666;
  font-weight: bold;
}
.culture_page_top span{
  font-size: 15px;
  color: #666;
}
.culture_page_line{
  padding: 35px 0 65px;
}
.culture_page_line p{
  font-size: 15px;
  color: #666;
  line-height: 36px;
}
/*news*/
.news_list{
  width: 1100px;
  margin:0 auto 100px;
}
.news_list_left{
  float: left;
  text-align: right;
  width: 80px;
}
.news_list_left span{
  font-size: 30px;
  color: #000000;
  line-height: 55px;
  border-bottom: 2px solid #c7c7c7;
  display: block;
}
.news_list_left p{
  font-size: 12px;
  color: #333;
  padding-top: 18px;
  line-height: 20px;
}
.news_list_right{
  width: 910px;
  float: right;
}
.news_list ul li{
  background: #f3f3f3;
  padding:24px 40px 32px 20px;
  margin-bottom: 18px;
}
.news_list_right_tit{
  font-size: 18px;
  color: #333;
  line-height: 40px;
}
.news_list_right_txt p{
  font-size: 13px;
  color: #666666;
  line-height: 24px;
  overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.news_list_right_txt a{
  float: right;
  font-size: 13px;
  color: #000;
  border:1px solid #000;
  display: block;
  width: 125px;
  line-height: 30px;
  text-align: center;
  transition: ease 0.5s;
}
.news_list ul li:hover .news_list_right_txt a{
  color: #fff;
  background: #000;
}

/*news_deatil*/
.news_deatil_an{
  position: absolute;
  right:0;
  top:25px;
}
.news_deatil_an p a{
  background: #000;
  color: #fff;
  font-size: 13px;
  display: block;
  line-height: 30px;
  float: right;
  width: 100px;
  text-align: center;
}
.news_deatil_an_bottom{
  line-height: 40px;
  float: right;
}
.news_detail_page{
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 35px;
}
.news_detail_top{
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
.news_detail_top p{
  font-size: 20px;
  line-height: 45px;
  color: #333333;
  font-weight: bold;
}
.news_detail_top span{
  font-size: 12px;
  color: #666666;
  line-height: 25px;
}
.news_detail_txt{
  width: 1100px;
  margin:0 auto;
}
.news_detail_info{
  padding:25px 0 50px;
}
.news_detail_info p{
  font-size: 14px;
  color: #666666;
  line-height: 45px;
  text-indent: 2em;
}
.news_next{
  width: 1100px;
  padding:20px 0;
  margin:0 auto 60px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.news_next_left{
  float: left;
  width: 70%;
  border-right: 1px solid #ccc;
}
.news_next_left p{
  line-height: 30px;
  font-size: 14px;
  color: #999;
}
.news_next_left p:hover{
  color: #333;
}
.news_next_right{
  padding-left: 45px;
  width: 25%;
  float: right;
  padding-top: 15px;
}
.news_next_right p{
  float: left;
  line-height: 30px;
}
.news_next_right .bdsharebuttonbox{
  float: left;
}

/*producst_list*/
.producst_list{
  width: 1100px;
  margin:0 auto 60px;
}
.producst_list ul{
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content:flex-start;
  justify-content:flex-start;

}
.producst_list ul li{
  border:4px solid #e5e5e5;
  width: 31%;
  margin:1%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.producst_list ul li a{
  display: block;
}
.producst_list ul li img{
  width: 100%;
}
.products_hove{
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left:-4px;
  top:-4px;
  border:4px solid #03a1e9;
  display: none;
  pointer-events: none;
}
.products_hove p{
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 85px;
  padding-top: 30px;
}
.products_hove img{
  width: 20% !important;
}
.online_page{
  width: 1100px;
  margin:0 auto 50px;
}
.online_input{
  width: 520px;
  float: left;
}
.online_left{
  float: left;
}
.online_input ul li{
  border:1px solid #dcdcdc;
  border-radius: 0.5rem;
  width: 100%;
  padding:0 10px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:1% 0;
}
.online_input ul li input{
  font-size: 14px;
  color: #666;
  background: 0;
  line-height: 38px;
}
.online_input ul li.online_input_name{
  float: left;
  width: 48%;
}
.online_input ul li.online_input_tel{
  float: right;
  width: 48%;
}
.online_input ul li textarea{
  width: 100%;
  height: 150px;
  padding:10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
.online_input ul li.code{
  width: 30%;
}
.online_input .code_pic{
  float: left;
  margin:1% 2%;
}
.online_input ul li.sub{
  float: right;
  width: 38%;
  border:0;
  background: #03a1e9;
  text-align: center;
}
.online_input ul li.sub button{
  background: #03a1e9;
  line-height: 2.8;
  font-size: 14px;
  color: #fff;
  width: 100%;
  cursor: pointer;
}


/*join*/
.post_content_in ul li{
  float: left;
  margin:0 20px 30px;
}
.post_block{
  border: 1px solid #ccc;
}
.post_tit_left{
  float: left;
  color: #00a0e9;
  font-size: 14px;
}
.post_tit_right{
  float: right;
  color: #1bb6e0;
  font-size: 14px;
}
.post_tit{
  border-bottom: 1px solid #ccc;
  line-height: 40px;
  padding:5px 10px;
}
.post_tit img{
  vertical-align: middle;
  padding-right: 10px;
}
.post_condition span{
    padding-right: 50px;
  text-align: center;
  line-height: 2;
}
.post_down_left{
  float: left;
  color: #035cac;
}
.post_down_right{
  float: right;
  color: #666;
}
.post_condition{
  border-bottom: 1px solid #ccc;
  padding:8px 10px;
}
.post_down{
  line-height: 40px;
  padding:3px 10px;
}
.post_down img{
  vertical-align: middle;
  padding-right: 10px;
}
.develope_in_requirement{
  display: none;
  padding:15px 0 15px 20px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.develope_in_requirement p{
  font-size: 14px;
  color: #999;
  line-height: 24px;
}
.post_content_in ul li{
  width: 45%;
}

/*contact_bg_center*/
.contact_bg_center{
  width: 1100px;
  margin:0 auto;
}
.contact_left{
  float: left;
}
.contact_right{
  float: left;
  padding-left: 75px;
  width:540px;
}
.contact_right_tit{
  font-size: 20px;
  font-weight: bold;
  color: #666;
  line-height: 48px;
}
.contact_right p{
  font-size: 16px;
  color: #666666;
  line-height: 48px;
}
.map{
  margin-top: 45px;
}
.sheck{
  float:left;
  background: url(../images/sys.png) no-repeat left top;
  width: 243px;
  height: 142px;
  margin:15px 0 0 75px;
}

.sheck img{
  padding:6px 0 0 6px;

}
.shecken{
	background: url(../images/sysen.jpg) no-repeat left top;
}
.history_top{
  margin:0 auto;
  width: 186px;
  height: 74px;
  background:url(../images/his_top.png) no-repeat left top;
  text-align: center;
}
.history_top p{
  font-size: 14px;
  color: #fff;
  padding-top: 25px;
}
/*honor*/
.honor_all{
  width: 1100px;
  margin:100px auto;
}


#dowebok { width: 1100px; margin: 0 auto; font-size: 0;}
#dowebok li {display: inline-block; width: 30%; margin: 1%;border:4px solid #e5e5e5;
position: relative;}
#dowebok li img { width: 100%;}


.products_click{
  margin:0 auto 50px;

}

.notdata{
  font-size: 14px;
  text-align: center;
  color: #666;
}
.news_deatil_an_bottom a{
  color: #333;
}

.join_detail{
  width: 1100px;
  margin:0 auto;
}
.join_all{
  padding:0;
  background:url(../images/join_bg.jpg) no-repeat left top;
  min-height: 870px;
}
.join_all ul li{
  width: 43%;
  float: left;
  margin:0.5% 3%;
  line-height: 3;
  line-height: 2.4;
}
.join_all ul li label{
  font-size: 1.6rem;
  color: #999;
}
.join_all ul li input{
  border:1px solid #ccc;
  border-radius: 0.5rem;
  line-height: 2.7;
  width: 75%;
  float: right;
  padding:0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4rem;
}

.join_all ul li select{
  border:1px solid #ccc;
  border-radius: 0.5rem;
  line-height: 2.7;
  height: 39px;
  width: 75%;
  float: right;
  padding:0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4rem; 
  color: #666;
}
.join_all ul li.textarea{
  width: 92.5%;
  margin-top: 12px;
}
.join_all ul li.textarea textarea{
  width: 88.5%;
  border:1px solid #ccc;
  border-radius: 0.5rem;
  height: 160px;
  float: right;
  padding:10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4rem;
}
.textarea_left{
  float: left;
  font-size: 1.6rem;
  color: #999999;
}
.join_all ul li.button{
  background: #035cac;
  width: 82%;
  float: right;
  line-height: 4;
  text-align: center;
  margin:1% 4% 0 0;
  border-radius: 0.5rem;
}
.join_all ul li.button button{
  width: 100%;
  cursor: pointer;
  background: #035cac;
  color: #fff;
  font-size: 1.8rem;
   border-radius: 0.5rem;
}

.pro_detail_left{
  width: 50%;
  float: left;
}
.pro_detail_right{
  width: 50%;
  float: left;
  padding-left: 20px;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pro_detail_right div{
  font-size: 18px;
  margin-bottom: 30px;
  color: #666;
}
.pro_detail_right div span{
  color: #333;
}
.pro_detail_left img{
  width: 100%;
  border: 1px #eee solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.products_detail_sycx{
  font-size: 14px;
  border-bottom:1px #eae8e8 solid;
  font-weight: 800;
  color: #666;
  line-height: 40px; 
  margin-top: 15px;
}
.products_detail_sycx span{
  display: block;
  background-color: #03a1e9;
  color: #fff;
  width: 130px;
  text-align: center;
}
.products_content{
  padding-top: 15px;
  line-height: 24px;
  color: #666;
}

/* 分页 */
.pageNav{font-family:Arial,Helvetica,sans-serif;padding:1.8rem 0;text-align:center}
.pageNav span,.pageNav a{margin-left:-1px;overflow:hidden;padding:0.5rem 1rem;border:1px solid #ccdbe4;color:#333333;cursor:pointer;display:inline-block}
.pageNav span{background:#eeeeee}
.pageNav span.info{background:none}
.pageNav .mor{padding:0.03rem;font-weight:bold}